.page { background: #FFF; }
.content_box { padding-top: 50px; }
.page_manage_singlephoto .photo-previews {
    width: 12rem;
    height: 12rem;
    background-size: cover;
    display: inline-block;
    border-radius: .5rem;
    background-position: center;
}
.page_manage_singlephoto .content {
    text-align: center;
    margin: 2.5rem 1rem 1rem 1rem;
}
.page_manage_singlephoto .content .upfilebox {
    margin: 2rem 2rem 0rem 2rem;
}
.page_manage_singlephoto .content .upfilebox .imgshow {
    max-height: 8rem;
    max-width: 100%;
}
.page_manage_singlephoto .upfilebox .tit {
    color: #959FBC;
    font-size: .8rem;
}
.page_manage_singlephoto .filebox .btnicon {
    font-size: 3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1.5rem;
    margin-left: -1.5rem;
    color: #959FBC;
    opacity: .8;
    pointer-events: none;
}

.page_manage_singlephoto .btnbox {
    margin-top: 2rem;
    text-align: center;
}
.page_manage_singlephoto .btnbox .btn {
    width: 40%;
}

.example { margin-top: 1rem; border-top: .5rem solid #EEE; text-align: center; padding: 1rem 0;  }
.example .title { font-size: .8rem; color: #F60; line-height: 1rem; }
.example .img { width: 100%; }

.clipbox {display:none;position:fixed;top:0;left:0;right:0;bottom:0;height:100%;width:100%;}
.clipbox .clipArea {user-select: none;overflow: hidden;position: fixed;bottom: 0;left: 0;right: 0;top: 0;height: 100%;background: #000;}
.clipbox .clipbtnbox { position: absolute; bottom: 30px; left: 0; right: 0; text-align: center; }